<template lang="html">
  <div id="pageBox">
    <div class="bgImg">
      <slot name="img"></slot>
    </div>
    <div class="bgStyle">
      <slot name="content" class="contentBox pd30"></slot>
    </div>
  </div>
</template>

<script>
export default {
  data(){
    return {

    }
  }
}
</script>

<style lang="less" scoped>
  #pageBox{
    .bgImg{
      height:1.3rem;
      background:#999;
    }
    .bgStyle{
      position:relative;
      width:100%;
      height:calc(100vh - 1.28rem);
      margin-top:-0.5rem;
      background:#fff;
      border-radius: 0.2rem 0.2rem 0 0;
      z-index: 1;
    }
  }
</style>
